import { SvgIcon } from '@/components/icon';
import { Input } from 'antd';
interface props {
  changeIsMobile: () => void;
  changeSearchValue: (e: React.ChangeEvent<HTMLInputElement>) => void;
}

export default function MobileSearch({ changeIsMobile, changeSearchValue }: props) {
  return (
    <div>
      <div
        style={{
          width: '100%',
          height: '100%',
          display: 'flex',
          alignItems: 'center',
          borderRadius: 10,
          justifyContent: 'space-between',
        }}
      >
        <Input
          onChange={(e) => {
            changeSearchValue(e);
          }}
          allowClear
          prefix={<SvgIcon icon="ai-chat-back" size={25} onClick={changeIsMobile} />}
          suffix={<div className="h-7 w-10  text-center text-[16px] text-[#1B6DFA]">搜索</div>}
          className=" h-[50px] !rounded-[10px] border !border-[#ffffff]"
          placeholder="请输入"
        />
      </div>
    </div>
  );
}
